.profile
  position: relative
  img
    width: 100%
  .info-box
    text-align: center
    position: relative
    margin: -64px auto 0
    width: 320px
    height: 165px
    box-shadow: 0px 0px 10px 3px #ddd
    background-color: #fff
    img
      margin-top: -30px
      width: 60px
      height: 60px
      border: 4px solid #fff
      border-radius: 50%
      box-shadow: 0px 2px 5px #bdbdbd;
    p
      margin-top: 12px
    .exit
      margin-top: 12px
      border: none
      border-radius: 30px
      color: #fff
      padding: 5px 15px
      background: #21b97a
      font-size: 12px
    .login
      margin-top: 20px
      border: none
      border-radius: 5px
      color: #fff
      padding: 10px 15px
      background: #21b97a
      font-size: 12px
  .grid-box
    // position: relative
    margin-top: 80px
    width: 100%
    display: flex
    flex-wrap: wrap
    .item-box
      width: 33.3333%
      text-align: center
      margin-bottom: 20px
      a
        color: #333


